import type { CSSProperties, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
type BarProps = {
    /**
     * Unique id of the bar
     */
    id: string;
    /**
     * The value of the bar
     */
    value: number;
    /**
     * Text to display inside the bar
     */
    text?: string;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    /**
     * A tooltip to display when hovering the bar
     */
    tooltip?: ReactNode;
};
type BarStackProps = {
    data: BarProps[];
    total?: number;
    className?: string;
    'data-testid'?: string;
    label?: string;
    labelInformation?: ReactNode;
    style?: CSSProperties;
    /**
     * Whether to add a legend inside or outside the chart
     */
    legend?: 'inside' | 'outside';
    size?: 'large' | 'medium' | 'small' | 'xsmall';
};
export declare function BarStack({ data, total, className, 'data-testid': dataTestId, style, label, labelInformation, legend, size, }: BarStackProps): import("react").JSX.Element;
export declare namespace BarStack {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map